<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .span_text{
            padding: 4px;
        }
    </style>
</head>

<body>

    <div style="width: 300px;">
        <div style="background-color: yellowgreen; line-height: 42px;">
            <h3 style="display: inline; vertical-align: middle; margin-left: 20px;">畅销书榜单<img src="img/bang.gif" alt="">
            </h3>
        </div>
        <div style="background-color: yellow;">
            <div style="width: 83%; margin: auto; ">
                <div class="span_text">
                    <img src="img/book_no01.gif" alt="">
                    <span class="span_text">不抱怨的世界(畅...</span>
                </div>
                <div class="span_text">
                    <img src="img/book_no02.gif" alt="">
                    <span>活法（季羡林、...</span>
                </div>
                <div class="span_text">
                    <img src="img/book_no03.gif" alt="">
                    <span>遇见未知的自己...</span>
                </div>
                <div class="span_text">
                    <img src="img/book_no04.gif" alt="">
                    <span>被迫强大（北外女生香奈儿...</span>
                </div>
                <div class="span_text">
                    <img src="img/book_no05.gif" alt="">
                    <span>高效能人士的七个习惯</span>
                </div>
                <div class="span_text">
                    <img src="img/book_no06.gif" alt="">
                    <span>遇见心想事成的自己（《遇...</span>
                </div>
                <div class="span_text">
                    <img src="img/book_no07.gif" alt="">
                    <span>世界上最伟大的推销员（插...</span>
                </div>
                <div class="span_text">
                    <img src="img/book_no08.gif" alt="">
                    <span>
                        我的成功可以复制（唐骏亲...</span>
                </div>
                <div class="span_text">
                    <img src="img/book_no09.gif" alt="">
                    <span>
                        少有人走的路：心智成熟的...</span>
                </div>
                <div class="span_text">
                    <img src="img/book_no10.gif" alt="">
                    <span >
                        活出全新的自己——唤醒...</span>
                </div>

            </div>

        </div>

    </div>








</body>

</html>